<template>
    <div class="container">
        <div>
            <span class="commonHeader">
                error 500
            </span>
            <div class="commonBottom">
                <el-button @click="toIndex()">首 页</el-button>
                <el-button @click="toLogin()">登 录</el-button>
            </div>
        </div>
    </div>
</template>

<script setup name="500">
import { useRouter } from 'vue-router'

const router = useRouter()

function toIndex() {
    router.push("/");
}
function toLogin() {
    router.push("/login");
}
</script>

<style scoped lang="less">
.container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    .commonHeader {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
</style>